<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="layui-row layui-col-space15">
        <script type="text/html" template lay-url="ajax_data.php" lay-type="post" lay-data="{act:'count'}"
          lay-done="layui.data.echarts();">
          <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                成功调用量
                <span class="layui-badge layui-bg-blue layuiadmin-badge">日</span>
              </div>
              <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">{{d.login.day}}</p>
                <p>
                  接口调用量
                  <span class="layuiadmin-span-color">{{d.api.day}}<i class="layui-icon"
                      lay-tips="自动化任务会清除大于一周的未登入的调用，所以数据可能会减少" lay-offset="5">&#xe66c;</i></span>
                </p>
              </div>
            </div>
          </div>
          <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                今日收款
                <span class="layui-badge layui-bg-blue layuiadmin-badge">元</span>
              </div>
              <div class="layui-card-body layuiadmin-card-list">
                <p class="layuiadmin-big-font">￥&nbsp;{{d.order.money}}</p>
                <p>
                  今日成功订单
                  <span class="layuiadmin-span-color">+&nbsp;{{d.order.order}}<i class="layui-icon">&#xe657;</i></span>
                </p>
              </div>
            </div>
          </div>
          <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                用户数量
                <span class="layui-badge layui-bg-green layuiadmin-badge">日</span>
              </div>
              <div class="layui-card-body layuiadmin-card-list">

                <p class="layuiadmin-big-font">{{d.user.day}}</p>
                <p>
                  总用户数量
                  <span class="layuiadmin-span-color">{{d.user.all}} <i class="layui-icon">&#xe770;</i></span>
                </p>
              </div>
            </div>
          </div>
          <div class="layui-col-sm6 layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                应用数量
                <span class="layui-badge layui-bg-orange layuiadmin-badge">总</span>
              </div>
              <div class="layui-card-body layuiadmin-card-list">

                <p class="layuiadmin-big-font">{{d.app.all}}</p>
                <p>
                  最近一个周
                  <span class="layuiadmin-span-color">{{d.app.week}} <i class="layui-icon">&#xe7ae;</i></span>
                </p>
              </div>
            </div>
          </div>
        </script>

        <div class="layui-col-sm12">
          <div class="layui-card">
            <div class="layui-card-header">数据概览</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade"
                lay-filter="LAY-index-dataview" style="width: 100%;">
                <div carousel-item id="LAY-index-dataview">
                  <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                </div>
              </div>

            </div>
          </div>
          <div class="layui-card">
            <div class="layui-tab layui-tab-brief layadmin-latestData">
              <ul class="layui-tab-title">
                <li class="layui-this">日排行榜</li>
                <li>总排行榜</li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                  <table id="LAY-index-day" lay-filter="rank_table"></table>
                </div>
                <div class="layui-tab-item">
                  <table id="LAY-index-all" lay-filter="rank_table"></table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-col-md4">
      <script type="text/html" template lay-url="ajax_data.php" lay-type="post" lay-data="{act:'version'}"
        lay-done="layui.data.carousel();">
        <div class="layui-card">
          <div class="layui-card-header">版本信息</div>
          <div class="layui-card-body layui-text">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                <col>
              </colgroup>
              <tbody>
                <tr>
                  <td>当前版本</td>
                  <td>
                    {{ layui.cache.version }}
                    <a href="javascript:;" layadmin-event="about" style="padding-left: 10px;">日志</a>
                    <a lay-href="/update" style="padding-left: 5px;">检查更新</a>
                  </td>
                </tr>
                <tr>
                  <td>PHP版本</td>
                  <td>
                    {{ d.phpver }}
                  </td>
                </tr>
                <tr>
                  <td>MySQL 版本</td>
                  <td>{{ d.mysqlver }}</td>
                </tr>
                <tr>
                  <td>服务器软件</td>
                  <td>
                    {{ d.serverapp }}
                  </td>
                </tr>
                <tr>
                  <td>程序最大运行时间</td>
                  <td>
                    {{ d.timeout }}
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="layui-card">
          <div class="layui-card-header">系统状态</div>
          <div class="layui-card-body layadmin-takerates">
            <div class="layui-carousel layadmin-carousel layadmin-news" data-interval="3500" data-autoplay="true"
              data-anim="fade" lay-filter="monitor">
              <div carousel-item>
                {{#  layui.each(d.monitor, function(index, item){ }}
                <div><a {{ item.url ? 'lay-href="'+ item.url +'"' : '' }} class="{{item.color}}">{{item.text}}</a>
                </div>
                {{#  }); }}
                {{#  if(d.monitor.length === 0){ }}
                <div><a class="layui-bg-green layui-bg-default">大兄弟，系统正在完美运行我真不知道你是怎么做到的</a></div>
                {{#  } }}
              </div>
            </div>
            <div class="layui-progress" lay-showPercent="yes">
              <h3>接口成功调用率（日同比&nbsp;{{d.apicontrast}}&nbsp;）</h3>
              <div class="layui-progress-bar" lay-percent="{{d.apiprogress}}%"></div>
            </div>
          </div>
        </div>
      </script>
      <script type="text/html" template lay-url="http://authmsg.fafads.cn/dynamic.php" lay-type="get"
        lay-data="{act:'json'}" lay-done="layui.data.carousel();">
        <div class="layui-card">
          <div class="layui-card-header">产品动态</div>
          <div class="layui-card-body">
            <div class="layui-carousel layadmin-carousel layadmin-news" data-interval="4000" data-autoplay="true"
              data-anim="fade" lay-filter="dynamic">
              <div carousel-item>
                {{#  if(d.list.length === 0){ }}
                <div><a class="layui-bg-green layui-bg-default">作者好像没有写动态呢？要不催更一下？</a></div>
                {{#  } else { layui.each(d.list, function(index, item){ }}
                <div><a {{ item.url ? 'href="'+ item.url +'"' : '' }} class="{{item.color}}"
                    target="_blank">{{item.text}}</a>
                </div>
                {{#  }); } }}
              </div>
            </div>
          </div>
        </div>
      </script>

      <div class="layui-card">
        <div class="layui-card-header">
          作者心语
          <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
        </div>
        <div class="layui-card-body layui-text layadmin-text">
          <p> 快捷登录中转API系统历经半年的更新迭代，不能保证没有任何bug如果发现bug会及时处理掉。客服7*8小时在线提供给客户在线咨询，不懂得尽可以找我们的客服去咨询。</p>
          <p>本系统是本人利用<a href="//www.layui.com/" target="_blank">Layui</a>前端框架所写的一款程序，在此非常感谢
            贤心大大。写的过程中经历很多的磨难和bug处理，所以期待我们可以共同的完善它而不是谩骂。我相信真正有爱于 聚合快捷登录程序的你，定然不会错过这一拥抱吧。</p>
          <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="//auth.fafads.cn" target="_blank">中转授权</a>！</p>
          <p>—— 星星不亮了丶（<a href="//fafads.cn/" target="_blank">搬砖人博客</a>）</p>
        </div>
      </div>
    </div>

  </div>
</div>


<script>
  layui.use('console', layui.factory('console'));
</script>